<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <!-- 引用模板 Header -->
    <div th:insert="bg/publicHead :: publicHead"></div>
    <!-- [ Header ] end -->

    <style type="text/css">
        .inputStyle{ padding:0px !important; }
        i{ cursor:pointer; }
        .red{ color:#FF3535; font-weight:700; }
        .blue{color:#0000ff; font-weight:700;}
        .img{width:50px; height:50px;}
        .Export{ display:flex; justify-content:flex-start; align-items:center; }
        .Export div{ margin-right:10px; }
        .userimg{ border-radius:100%; width:50px; height:50px;}
    </style>
    <script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="/js/stroage.js" type="text/javascript" charset="UTF-8"></script>
    <script src="/js/comm.js" type="text/javascript" charset="UTF-8"></script>
    <script th:inline="javascript">
        window.onerror=function(){return true;};
        var reg=/^1((34[0-8]\d{7})|((3[0-3|5-9])|(4[5-7|9])|(5[0-3|5-9])|(66)|(7[2-3|5-8])|(8[0-9])|(9[1|8|9]))\d{8})$/
        var ServerIP=[(${ServerIP!=null?'"'+ServerIP+'"':'"'+'"'})];
        $(document).ready(function() {
            //页数跳转
            $("#pageItem").change(function (){
                //alert($(this).val());
                window.location.href="/bg/user-"+$(this).val()+".html";
            });
            $(".lookthis").click(function(){
                var dataid=$(this).attr("dataid");
                window.open("/bg/lookstate-"+dataid,"","width=800,height=500");
            });
        });

    </script>
</head>


<body class="background-img-7">

<!-- [ navigation menu ] start -->
<!-- 引用模板 Header -->
<div th:insert="bg/templateLeft :: Menu(${pageName})"></div>
<!-- [ navigation menu ] end -->


<!-- [ Header ] start -->
<!-- 引用模板 Header -->
<div th:insert="bg/templateTop :: Header"></div>
<!-- [ Header ] end -->


<!-- [ Main Content ] start -->
<div class="pcoded-main-container"> <!--中间 Start -->

    <div class="pcoded-content">

        <!-- [ homePage ] start -->
        <!-- 引用模板 homePage -->
        <div th:insert="bg/homePage :: homePage"></div>
        <!-- [ homePage ] end -->


        <!-- [ Main Content ] start -->
        <!-- [ 内容区域 ] start -->
        <div class="row">
            <!-- 课程列表 -->

            <div class="col-xl-12 mainCotent">
                <h5><text th:text="${pageName}"></text></h5>
                <div><a href="/bg/user">刷新</a></div>
                <!-- json源码 -->
                <!--<div th:text="${imageesData}"></div>-->
                <!-- Latest Order start -->
                <div class="col-md-12">
                    <div class="card table-card latest-activity-card" style="margin-top:20px;">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-borderless">
                                    <!-- dt-responsive table-responsive -->
                                    <!--<table id="res-config" class="display table table-striped table-hover dt-responsive nowrap" style="width:100%">-->
                                    <thead>
                                    <tr>
                                        <th width="60px"><div align="center">id</div></th>
                                        <th width="130px"><div align="center">头像</div></th>
                                        <th width="120px"><div align="center">姓名</div></th>
                                        <th width="120px"><div align="center">性别</div></th>
                                        <th width="130px"><div align="center">年龄</div></th>
                                        <th width="130px"><div align="center">身高</div></th>
                                        <th width="130px"><div align="center">体重</div></th>
                                        <th width="60px"><div align="center">出生年月</div></th>
                                        <th width="200px"><div align="center">手机号码</div></th>
                                        <th width="100px"><div align="center">紧急联系人</div></th>
                                        <th width="100px"><div align="center">关系</div></th>
                                        <th width="100px"><div align="center">基础状况</div></th>
                                        <th width="80px"><div align="center">操作</div></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="trClass" th:if="${users!=null}"  th:each="item:${users}">
                                        <td style="width:120px;"><div align="center" th:text="${item.id}"></div></td>
                                        <td style="width:130px;"><div align="center"><img class="userimg" th:src="${item.headimg}"></div></td>
                                        <td style="width:120px;"><div align="center" th:text="${item.urealname}"></div></td>
                                        <td style="width:120px;"><div align="center" th:text="${item.usex}"></div></td>
                                        <td style="width:130px;"><div align="center" th:text="${item.uage}"></div></td>
                                        <td style="width:130px;"><div align="center" th:text="${item.uheight}"></div></td>
                                        <td style="width:130px;"><div align="center" th:text="${item.uweight}"></div></td>
                                        <td style="width:130px;"><div align="center" th:text="${item.ubirth}"></div></td>
                                        <!--<td style="width:60px;"><div align="center" style="width:200px;overflow: hidden;"><input type="text" style="width:200px" th:value="${item.useradr}"></div></td>-->
                                        <td style="width:130px;"><div align="center" th:text="${item.uphone}"></div></td>
                                        <td style="width:100px;"><div align="center" th:text="${item.emgphone}"></div></td>
                                        <td style="width:100px;"><div align="center" th:text="${item.emgrelationship}"></div></td>
                                        <td style="width:100px;"><div class="lookthis" th:dataid="${item.id}" style="cursor:pointer;" align="center" th:text="'查看'"></div></td>
                                        <td style="width:80px;">
                                            <div align="center">
                                                <a th:id="${item.id}" title="发货" class="funBtn"><i class="icon feather icon-edit f-w-600 f-16 m-r-15 text-c-green"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 分页 -->
                <div class="text-center" style="margin-top:20px; display:flex;justify-content:center; align-items:center;">
                    <nav aria-label="...">
                        <ul class="pagination">
                            <!--<li class="page-item"><span class="page-link">Previous</span></li>-->

                            <li class="page-item">
                                <a class="page-link" th:if="${pageIndex>1}" th:href="'/bg/user-1.html'">首页</a>
                            </li>

                            <li class="page-item" th:classappend="${pageIndex<=1}?'disabled':''">
                                <a class="page-link" th:if="${pageIndex>1}" th:href="'/bg/user-'+${pageIndex - 1}+'.html'">上一篇</a>
                            </li>
                            <!--
                               <li class="page-item active"><span class="page-link">1</span></li>
                               <li class="page-item"><a class="page-link" href="#!">2</a></li>
                             -->

                            <li class="page-item" th:if="${pageIndex<6 && pageIndex<pageCount && pageCount>6}" th:each="i:${#numbers.sequence(1,5)}" th:classappend="${pageIndex==i}?'active':''">
                                <a class="page-link" th:href="'/bg/user-'+${i}+'.html'" th:text="${i}"></a>
                            </li>

                            <!-- 中间循环值 -->
                            <!-- ((pageIndex+4>=pageCount)?pageCount-(pageIndex+4):pageIndex+4>) -->
                            <li class="page-item" th:if="${pageIndex>5 && pageIndex<(pageIndex+5) && (pageIndex+4)<=pageCount}" th:each="i:${#numbers.sequence(pageIndex,((pageIndex+4>pageCount)?pageIndex+(pageCount - (pageIndex+4)):pageIndex+4))}" th:classappend="${pageIndex==i}?'active':''">
                                <a class="page-link" th:href="'/bg/user-'+${i}+'.html'" th:text="${i}"></a>
                            </li>

                            <li class="page-item" th:if="${(pageIndex+4)>pageCount}" th:each="i:${#numbers.sequence(pageIndex,pageCount)}" th:classappend="${pageIndex==i}?'active':''">
                                <a class="page-link" th:href="'/bg/user-'+${i}+'.html'" th:text="${i}"></a>
                            </li>

                            <!--<li class="page-item" th:each="i:${#numbers.sequence(1,pageCount)}" th:classappend="${pageIndex==i}?'active':''">
                                <a class="page-link" th:href="'bg/user/'+${i}+'.html'" th:text="${i}"></a>
                            </li>-->

                            <li class="page-item">
                                <a class="page-link" th:if="${pageIndex<pageCount}"  th:href="'/bg/user-'+${pageIndex + 1}+'.html'">下一篇</a>
                            </li>


                            <li class="page-item">
                                <a class="page-link" th:href="'/bg/user-'+${pageCount}+'.html'">末尾</a>
                            </li>

                            <li class="page-item">
                                <select id="pageItem" style="padding:0 10px; position:relative;top:6px;border:1px solid #4680ff; ">
                                    <option selected="selected" value="1">快速跳转</option>
                                    <option th:each="i:${#numbers.sequence(1,pageCount)}" th:value="${i}" th:text="'第'+${i}+'页'" style="width:100px;text-align:center;"></option>
                                </select>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!-- Latest Order end -->
            </div>
        </div> <!-- [ Main Content ] end -->

    </div>

</div> <!--中间 End -->


<!-- 引用模板 Bottom -->
<div th:insert="bg/publicBottom :: publicBottom"></div>
<!-- [ Bottom ] end -->



<script src="/js/sweetalert.min.js"></script>


</body>



</html>